<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 箭头函数提供了一种更加简洁的函数书写方式
        // 传统
        var f1 = function(a){

            return a
        }
        console.log(f1(1))
        // ES6  参数 => 函数体
        var f2 = a =>a   //a表示参数  b表示返回体
        console.log(f2(8))
        // 当箭头函数没有参数或者有多个参数，要用 () 括起来。
        // 当箭头函数函数体有多行语句，用 {} 包裹起来，表示代码块，
        // 当只有一行语句，并且需要返回结果时，可以省略 {} , 结果会自动返回。
        var f3 = (a,b) => {

            let result = a+b

                return result
        }
        console.log(f3(6,5)) // 11
        // 前面代码相当于：
        var f4 = (a,b) => a+b
        console.log(f4(1,9))

    </script>
</body>
</html>